﻿<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>@ViewBag.Title</title>

        @Scripts.Render("~/bundles/modernizr")
        @Styles.Render("~/Content/bootstrap")
        @Styles.Render("~/Content/css")
    </head>
    <body>
        <div class="container">
            <div class="page-header">
                <h3 class="muted"><img src="~/Content/images/header.png" />Examples</h3>
                <div class="navbar">
                    <div class="navbar-inner">
                        <div class="container">
                            <ul class="nav">
                                <li><a href="@Url.Action("Index", "Home")">Home</a></li>
                                <li><a href="@Url.Action("Index", "Sorting")">Sorting</a></li>
                                <li><a href="@Url.Action("Index", "Filtering")">Filtering</a></li>
                                <li><a href="@Url.Action("Index", "Paginating")">Paginating</a></li>
                                <li><a href="@Url.Action("Index", "Mixed")">MIX IT</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- /.navbar -->
            </div>
        
            <div class="row-fluid">
                @RenderBody()
            </div>
        </div>
        @Scripts.Render("~/bundles/jquery")
        @Scripts.Render("~/bundles/bootstrap")
        @RenderSection("scripts", required: false)
    </body>
</html>
